<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Staff List</title>
    <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../lib/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/home/fileUpload.css">
    <script src="../../lib/jquery-3.0.0.js"></script>
    <script src="../../js/tools/judgeBrowser.js"></script>
    <script src="../../js/tools/judgeLogin.js"></script>
    <script src="../../js/services/service.js"></script>
    <script src="../../js/services/api.js"></script>
    <script src="../../js/home/staffList.js"></script>
    <script class="item_template" type="text/template" >
        <tr class='success item_list'>
            <td style="text-align: center">
                <input class="col-xs-1 user_input" type="checkbox" id="userId">
            </td>
            <td class="staff_title">
                name
            </td>
            <td>sex</td>
            <td>phone</td>
            <td>idNo</td>
            <td>department</td>
            <td>position</td>
            <td>doorCardNum</td>
            <td class="state_head">status</td>
            <td>
                <!--<img src="../../img/home/revise.png" class='revise' id="modify" />-->
                <button class="btn btn-default revise" id="modify">修改</button>
            </td>
        </tr>
    </script>
</head>

<body>

<div class="top_tab">
    <div class="center_content">
        <div class="top_tab_info">
        <p class="manager_name managerBaseInfo">管理员</p>
        <p class="sign_out signOut">[ 退出 ]</p>
        <p class="top_tab_left_line"></p>
        <p class="phone_app">手机App</p>
        <p class="top_tab_right_line"></p>
        <p class="top_tab_more">更多</p>
        </div>
    </div>
</div>
<div class="top_title">
    <div class="center_content">
        <img class="top_title_logo" src="../../img/home/logo.png" alt="">
        <p class="title_center_line"></p>
        <div class="title_content">
            <p>BULUO .COM</p>
            <p>链接有趣的世界</p>
        </div>
    </div>
</div>


<div class="content">
    <div class="center_content">
        <div class="content_top_tab">
            <div class="content_top_tab_button">
                <img class="company_info" src="../../img/home/company_info_02.png" alt="">

            </div>
            <div class="content_top_tab_search">
                <div class="content_button">
                    <button class="add_button">添加</button>
                    <span>|</span>
                    <button class="delete_button">删除</button>
                    <span>|</span>
                </div>
                <div class="filterPerson">
                    <form class="filterForm">

                    <input type="text" disabled="disabled" class="filterInput"/>
                    </form>
                    <span class="search_center_line"></span>

                    <div class="dropdown">
                        <button class="btn btn-default filter_all" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">全部<img class="filter_image" src="../../img/home/filter_down.png" /></button>
                        <span data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" hidden="hidden" class="filterSelected"></span>
                        <ul class="dropdown-menu" aria-labelledby="dLabel">
                            <li>全部</li>
                            <li>姓名</li>
                            <li>联系电话</li>
                            <li>身份证号</li>
                            <li>部门</li>
                        </ul>
                    </div>
                    <img class="search_button" src="../../img/home/search.png" alt="">

                </div>
            </div>
        </div>

        <div class="content_down">
             <div class="userList">
                 <table class="table table-striped userInfoList">
                    <tr class="listHead">
                        <td class="user_select"></td>
                        <td class="user_name">姓名</td>
                        <td class="user_sex">性别</td>
                        <td class="user_phone">联系电话</td>
                        <td class="user_id">身份证号</td>
                        <td class="user_department">部门</td>
                        <td class="user_position">职位</td>
                        <td class="door-card-num">门卡号码</td>
                        <td class="user_status">状态</td>
                        <td></td>
                    </tr>
                 </table>
            </div>

            <div class="page_content" >
                <div class="page">
                    <p class="lastPage" onclick="clickLastPage()">上一页</p><span class="pageNumber"></span><p onclick="clickNextPage()" class="nextPage">下一页</p>
                </div>
            </div>
        </div>

    </div>
</div>



<div class="bottom-bar">
    <!--<div class="link-bar">-->
        <!--<a href="">关于我们</a><a href="">联系方式</a><a href="">广告服务</a><a href="">新闻中心</a><a href="">网站地图</a><a href="">公司资质</a><a href="">加入我们</a><a href="">支付方式</a><a href="">热门服务</a><a href="">部落公社移动网</a>-->
    <!--</div>-->
    <div class="bottom-info">
        <span>杭州部落公社科技有限公司</span>
        <span class="bottom-center-line">|</span>
        <span>2016 Tribe All Rights Reserved</span>
    </div>
    <p><a href="http://www.miitbeian.gov.cn/">浙ICP备16039919号</a></p>
    <p><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010402002914">浙公网安备33010402002914号</a></p>
</div>



<div class="delete_background"></div>

<div class="bomb_box">
        <p style="text-align:center" class="deleteTxt">删 除</p>
        <p>是否确定删除员工信息，删除后不能恢复</p>
        <div class="delete_no">
            <button class="no btn btn-default">取 消</button>
        </div>
        <div class="delete_yes">
            <button class="yes btn btn-default">确 认</button>
        </div>

</div>



    <script src="../../lib/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>